import {View, Text} from '@tarojs/components'
import LgButton from '../../components/button';
import {getStorage} from "../../components/utils";
import Taro from "@tarojs/taro"

import './index.scss'

const storage = getStorage();

export interface AgreementProps{
  visible:boolean
  onClose:()=>void
  onConfirm:()=>void
}

export const AgreementPop = (props:AgreementProps) => {

  function agreeFn() {
    storage.set('isAgreement', '1')
    props.onConfirm()
  }

  function disagreeFn() {
    props.onClose()
    Taro.exitMiniProgram()
  }

  const { visible } = props
  return (
    <View className={"login-pop"} style={{display: visible ? 'flex' : 'none'}}>
      <View className="login-pop-layer">
        <View className="login-pop-title">
          服务协议和隐私政策
        </View>
        <View className="login-pop-content">
          欢迎使用智慧校园通APP。我们非常重视您的个人信息和隐私保护，在您使用“蓝鸽校园通”服务之前，请您务必审慎阅读
          <Text className="login-pop-content-link">
            《用户服务协议》
          </Text>
          和
          <Text className="login-pop-content-link">
            《隐私保护政策》
          </Text>
          ，并充分理解协议条款内容。我们将严格按照您同意的各项条款使用您的个人信息，以便为您提供更好的服务。
        </View>
        <LgButton type='B' className={"login-pop-confirm"} onClick={agreeFn}>同意并继续</LgButton>
        <LgButton type='D' className={"login-pop-confirm"} onClick={disagreeFn}>不同意并退出应用</LgButton>
      </View>
    </View>
  )
}
